/*头部*/

/*$$

{"color":[{"val":"#999999","title":"搜索框内文字颜色"},

{"val":"#0053b6","title":"搜索框文字/导航鼠标滑过文字颜色"},

{"val":"#ffffff","title":"鼠标滑过文字颜色"},

{"val":"#dde4f2","title":"导航默认文字颜色"},

{"val":"#666666","title":"二级导航文字颜色"},

{"val":"#262626","title":"移动端导航关闭按钮颜色"},

{"val":"#000000","title":"移动端导航默认文字颜色"}],

"background":[{"val":"#ffffff","title":"搜索框/二级导航/Bananer分页按钮/Bananer上按钮边框"},

{"val":"#0053b6","title":"默认导航背景颜色"},

{"val":"#034da5","title":"鼠标滑过导航背景颜色"},

{"val":"#262626","title":"移动端打开导航按钮背景颜色"},

{"val":"rgba(255, 255, 255, .96)","title":"移动端导航窗口背景颜色"}],

"border":[{"val":"#e0dbdb","title":"搜索框边框"},

{"val":"#efefef","title":"二级导航边框线"},

{"val":"#dfe0e1","title":"移动端二级导航边框"},

{"val":"rgba(255, 255, 255, .2)","title":"Bananer查看详情按钮默认边框"},

{"val":"#ffffff","title":"Bananer查看详情按钮鼠标滑过边框"}]}

$$*/

#head_144{

	width: 100%;

}

#head_144 .header{

	width: 1200px;

	margin: 0 auto;

	height: 100px;

	position: relative;

}

#head_144 .header .logo{

	width: 60%;

	height: 100%;

	display: flex;

	align-items: center;

	float: left;

}

#head_144 .header .logo img{

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

}

#head_144 .serchBox{

	width: 280px;

	height: 40px;

	float: right;

	position: relative;

	top:50%;

	transform: translateY(-50%);

	border:#e0dbdb solid 1px;

	

	padding-right: 50px;

	z-index:999;

}

#head_144 .serchBox .serBtn{

	position: absolute;

	right: 0;

	top:0;

	background: url(./../../../static/images/HD000014_02.png) no-repeat center center;

	background-size: 21px 21px;

	width: 50px;

	height: 100%;

	cursor: pointer;

}

#head_144 .serchBox form{

	width: 100%;

	height: 100%;

	display: block;

}

#head_144 .inputser{

	width: 135px;

	padding: 0 12px;

	height: 100%;

	line-height: 38px;

	color: #999999;

	font-size: 14px;

	float: left;

}

#head_144 .serkey{

	width: 90px;

	color: rgba(114, 162, 1, 1);

	font-size: 14px;

	position: relative;

	line-height: 38px;

	display: inline-block;

	cursor: pointer;

	padding-right: 10px;

	text-align: center;

	height: 100%;

}

#head_144 .serkey option{

	width: 100%;

}

#head_144 .serkey::after{

	background: url(./../../../static/images/HD000014_01.png) no-repeat center center;

	background-size: 10px auto;

	content: '';

	position: absolute;

	right:2px;

	top:0;

	width: 10px;

	height: 100%;

}

#head_144 .serkey.click::after{

	background: url(./../../../static/images/HD000014_01.png) no-repeat center center;

	background-size: 10px auto;

}

#head_144 .serList{

	width: 80px;

	height: auto;

	background:#ffffff;

	position: absolute;

	right: 50px;

	top: 39px;

	display: none;

	z-index: 999;

}

#head_144 .serList li{

	width: 100%;

	height: 30px;

	text-align: center;

	line-height: 30px;

	color: rgba(114, 162, 1, 1);

	cursor: pointer;

}

#head_144 .serList li:hover{

	background: rgba(127, 180, 1, 1);

	color: #ffffff;

}

#head_144 .headnav{

	width: 100%;

	background: rgba(127, 180, 1, 1);

	height: 58px;

}

#head_144 .navList{

	width: 1200px;

	margin: auto;

	height: 100%;

	display: flex;

	justify-content: space-between;

	font-size: 16px;

}

#head_144 .navList .navLi{

	color:rgba(255, 255, 255, 1);

	line-height: 58px;

	cursor: pointer;

	position: relative;

	padding: 0 20px;

}

#head_144 .navList .navLi:hover .tit{

	color:#ffffff;

}

#head_144 .navList .navLi .tit{

	width: 100%;

	height: 100%;

	color: rgba(255, 255, 255, 1);

}

#head_144 .navList .navLi i{

	position: relative;

	z-index: 1;

}

#head_144 .navList .navLi::after{

	content: '';

	position: absolute;

	left: 0;

	top:0;

	width: 100%;

	height: 0;

	background: rgba(114, 162, 1, 1);

	transition: all .3s;

}

#head_144 .navList .navLi:hover::after{

	height: 100%;

}

#head_144 .navList .navLi:hover .levalList{

	display: block;

}

#head_144 .navList .levalList{

	position: absolute;

	top:58px;

	width: auto;

	left:50%;	

	background: #ffffff;

	transform: translateX(-50%);

	display: none;

	transition: all .3s;

	z-index: 999;

}

#head_144 .navList .levalList li{

	width: auto;

	white-space:nowrap;

	padding: 0 20px;

	font-size: 14px;

	line-height: 55px;

	margin: 0 5px;

	border-bottom: #efefef dashed 1px;

	position: relative;

}

#head_144 .navList .levalList li a{

	color: #666666;

	position: relative;

	display: block;

}

#head_144 .navList .levalList li a::before{

	position: absolute;

	top: 0;

	left: 0;

	line-height: 55px;

	height: 55px;

	overflow: hidden;

	max-width: 0;

	color: rgba(114, 162, 1, 1);

	word-break: keep-all;

	content: attr(data-hover);

	-webkit-transition: max-width 0.5s;

	-moz-transition: max-width 0.5s;

	transition: max-width 0.5s;

}

#head_144 .navList .levalList li:hover a::before,

#head_144 .navList .levalList li:focus a::before{

	max-width: 100%;



}

#head_144 .navBtn{

	display: none;

	width: 70px;

	height:50px;

	float: right;

	cursor: pointer;

	position: relative;

}

#head_144 .navBtn .span_0{

    position: absolute;

    width: 30px;

	right: 0;

	background: #262626;

	height: 3px;

    top: 40%;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

#head_144 .navBtn.cur .span_0{

    top: 46%;

}

#head_144 .navBtn.cur .span_0.span_1{

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

#head_144 .navBtn.cur .span_0.span_2{

    opacity: 0;

}

#head_144 .navBtn.cur .span_0.span_3{

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

#head_144 .navBtn .span_0.span_1{

    top: 35%;

}

#head_144 .navBtn .span_0.span_2{

    top: 50%;

    width:30px;

}

#head_144 .navBtn .span_0.span_3{

    top: 65%;

}

/* 右侧菜单 */

#head_144 #menuClosed{

    position: absolute;

    right:15px;

    top:15px;

    font-size:25px;

    color: #262626;

	font-weight: bold;

}

#head_144 .menu{

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(255, 255, 255, .96);

    z-index: 999999999;

    overscroll-behavior: none;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: visibility 0s ease .4s,opacity .4s ease;

    transition: visibility 0s ease .4s,opacity .4s ease;

}

#head_144 .menu.cur{

    visibility: visible;

    opacity: 1;

    -webkit-transition-delay: .05s;

            transition-delay: .05s;

}

#head_144 .menu-cnt{

	width:100%;

	height: 100%;

    right:0;

    top: 0;

    padding:60px 30px 30px 30px;

}

#head_144 .menu-cnt.cur{

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

}

#head_144 .menu-item{

    border-bottom: #dfe0e1 1px solid;

	padding:10px 20px;

	height: auto;

	display: block;

}

#head_144 .menu-list li .dropdown_menu{

	display: none;

}

#head_144 .menu-list li.active .dropdown_menu{

	display:block;

}

#head_144 .menu-list li .dropdown_menu a{

	display:block;

	height:28px;

	color: rgba(114, 162, 1, 1);

	line-height:28px;

	font-size:14px;

	padding-left: 20px;

	box-sizing:border-box;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

#head_144 .menu-list li .dropdown_menu a:last-child{border:none}

#head_144 .menu-title{

    position: relative;

    font-size:16px;

    color: #000000;

    font-weight: 500;   

	cursor: pointer;

	font-weight: bold;

	display: block;

	line-height:40px;

}

#head_144 .menu-item.up .menu-title{

	background: url(./../../../static/images/HD000014_05.png) no-repeat right center;

	background-size: auto 10px;

}

#head_144 .menu-item.active .menu-title{

	color: rgba(114, 162, 1, 1);

	background: url(./../../../static/images/HD000014_06.png) no-repeat right center;

	background-size: auto 10px;

}



#head_144 .models-item{

    width: 100%;

    position: relative;

    text-align: center;

}

#head_144 .models-item a{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

#head_144 .menu-list{

    height: 75%;

	overflow: auto;

	width: 100%;

}

#head_144 .menu-contact{

    position: absolute;

    bottom:0;

    width: 100%;

}

#head_144 .menu-c-d{

	margin-bottom:30px;

	background: url(./../../../static/images/HD000014_07.png) no-repeat;

	width: 170px;

	height: 26px;

	background-size: 100%;

	padding-left: 28px;

	color: #000000;

	font-style:italic;

	display: block;

	line-height: 26px;

	font-weight: bold;

}

#bananer_144{

	width: 100%;

	position: relative;

}

#bananer_144 #pcBana{

	display: block;

}

#bananer_144 #wapBana{

	display: none;

}

#bananer_144 .bannerSwiper{

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}

#bananer_144 .swiper-pagination{

	bottom: 30px;

	width: auto;

	left:50%;

	transform: translateX(-50%);

}

#bananer_144 .banaItem{

	width: 100%;

	height: 100%;

	position: relative;

}

#bananer_144 .videoCon{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

#bananer_144 .banaItem .imgItem{

	width: 100%;

	height: 100%;

	object-fit: cover;

	animation: bigimgani 6000ms infinite ease-out;

}

@keyframes bigimgani {

	0% {

		transform: scale(1.1);

	}

	100% {

		transform: scale(1);

	}

}

#bananer_144 .swiper-pagination-bullet{

	width: 50px;

	height: 7px;

	background: #ffffff;

	border-radius: 0;

	opacity: .44;

	margin: 0 5px;

}

#bananer_144 .swiper-pagination-bullet-active{

	background: #ffffff;

	opacity: 1;

}

#bananer_144 .text {

	position: absolute;

	width: 900px;

	top: 50%;

	left: 6%;

	z-index: 999;

	color: #ffffff;

	transform: translateY(-50%);

}

#bananer_144 .text .title-3 {

	font-size: 100px;

	/* font-weight: bold; */

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.2s;

	color: #ffffff;

	letter-spacing: 5px;

	line-height: 120px;

}

#bananer_144 .text .title-1 {

	font-size: 80px;

	/* font-weight: bold; */

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.6s;

	color: #ffffff;

	line-height: 100px;

	letter-spacing: 5px;

	font-family: '黑体';

}



#bananer_144 .text .title-2 {

	font-size: 24px;

	padding-top: 20px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 1s;

	color: #ffffff;

	letter-spacing: 8px;

	font-family: Arial, Helvetica, sans-serif;

}



#bananer_144 .text .viewmore-3 {

	margin-top: 60px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 1.4s;

	overflow: hidden;

	

}



#bananer_144 .swiper-slide-active .text .title-1,

#bananer_144 .swiper-slide-active .text .title-2,

#bananer_144 .swiper-slide-active .text .viewmore-3,

#bananer_144 .swiper-slide-active .text .title-3{

	transform: translateY(0px);

	opacity: 1;

}

/* #bananer_144 .click .img {

	animation: bigimgani 5000ms infinite ease-out;

} */

#bananer_144 .text {

	left: 50%;

	margin-left: -450px;

	text-align: center;

}

#bananer_144 .viewmore-3 {

	width: 215px;

	display: block;

	margin: 0;

	cursor: pointer;

	margin: 60px auto auto;

	position: relative;

	height: 50px;

	

}



#bananer_144 .viewmore-3 p{

	display: block;

	color: #fff;

	text-align: center;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	font-size: 0;

	border:rgba(255, 255, 255, .2) 1px solid;

}

#bananer_144 .viewmore-3 span {

	font-size: 14px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 40px;

	letter-spacing: 2px;

}

#bananer_144 .viewmore-3 i {

	display: inline-block;

	vertical-align: middle;

	width: 26px;

	height: 14px;

	background: url(./../../../static/images/HD000014_08.png) center no-repeat;

}

#bananer_144 .viewmore-3 p:hover {

	border:rgba(255, 255, 255, 1) 1px solid;

}



#bananer_144 .viewmore-3 .inner{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	display: block;

	overflow: hidden;

	border:rgba(255, 255, 255, .2) 1px solid;

}

#bananer_144 .viewmore-3:before,

#bananer_144 .viewmore-3:after,

#bananer_144 .viewmore-3 .inner:before,

#bananer_144 .viewmore-3 .inner:after{

	background:#ffffff;

}

#bananer_144 .viewmore-3:before,

#bananer_144 .viewmore-3:after,

#bananer_144 .viewmore-3 .inner:before,

#bananer_144 .viewmore-3 .inner:after{

	position:absolute;

	content:"";

	display:block;

	-webkit-transition:all 0.3s;

	transition:all 0.3s;

}

#bananer_144 .viewmore-3:before,

#bananer_144 .viewmore-3:after{

	left:1px;

	width:calc(100% - 2px);

	height:1px;

	-webkit-transform:scaleX(0);

	transform:scaleX(0);

}

#bananer_144 .viewmore-3 .inner:before,

#bananer_144 .viewmore-3 .inner:after{

	top:0;

	width:1px;

	height:100%;

	-webkit-transform:scaleY(0);

	transform:scaleY(0);

}



#bananer_144 .viewmore-3 .inner:before{

	left:0;

}

#bananer_144 .viewmore-3 .inner:after{

	right:0;

}

#bananer_144 .viewmore-3 .inner:hover:before,

#bananer_144 .viewmore-3 .inner:hover:after{

	-webkit-transform:scaleY(1);

	transform:scaleY(1);

}



#bananer_144 .viewmore-3:before{top:0;}

#bananer_144 .viewmore-3:after{bottom:0;}

#bananer_144 .viewmore-3:hover:before,

#bananer_144 .viewmore-3:hover:after{

	-webkit-transform:scaleX(1);

	transform:scaleX(1);

}

#bananer_144 .viewmore-3:hover .inner:before,

#bananer_144 .viewmore-3:hover .inner:after{

	-webkit-transform:scaleY(1);

	transform:scaleY(1);

}

#bananer_144 .viewmore-3 .inner:before{

	-webkit-transform-origin:top center;

	transform-origin:top center;

}

#bananer_144 .viewmore-3 .inner:after{

	-webkit-transform-origin:bottom center;

	transform-origin:bottom center;

}

#bananer_144 .viewmore-3:before{

	-webkit-transform-origin:right center;

	transform-origin:right center;

}

#bananer_144 .viewmore-3:after{

	-webkit-transform-origin:left center;

	transform-origin:left center;

}

#bananer_144 .viewmore-3:hover .inner:before{

	-webkit-transform-origin:bottom center;

	transform-origin:bottom center;

}

#bananer_144 .viewmore-3:hover .inner:after{

	-webkit-transform-origin:top center;

	transform-origin:top center;

}

#bananer_144 .viewmore-3:hover:before{

	-webkit-transform-origin:left center;

	transform-origin:left center;

}

#bananer_144 .viewmore-3:hover:after{

	-webkit-transform-origin:right center;

	transform-origin:right center;

}





@media screen and (max-width: 1200px) {

	#head_144 .navList{

		width: 100%;

	}

	#head_144 .header{

		width: 100%;

		padding: 0 20px;

		position: relative;

	}

}

@media screen and (max-width: 768px){

	#head_144 .serchBox{

		display: none;

	}

	#head_144 .headnav{

		display: none;

	}

	#head_144 .navBtn{

		display: block;

	}

	#head_144 .header{

		height: 50px;

	}

	#bananer_144 #pcBana{

		display: none;

	}

	#bananer_144 #wapBana{

		display: block;

	}

	#bananer_144 .text .title-3{

		font-size: 24px;

		line-height: 40px;

	}

	#bananer_144 .text .title-1{

		font-size: 20px;

		line-height: 40px;

	}

	#bananer_144 .text .title-2{

		font-size: 14px;

		line-height: 30px;

		letter-spacing: 0;

		padding-top: 0;

	}

	#bananer_144 .text .viewmore-3{

		width: 160px;

		margin: 20px auto auto;

	}

	#bananer_144 .viewmore-3{

		padding: 15px 0;

	}

}